import React from 'react'

/**
 * 受控组件：
 * 
 * 所谓的受控组件就是把 html 中表单的值交给 state 进行管理
 */

export default class App extends React.Component {
  state = {
    val: ''
  }

  inputChange = (e) => {
    this.setState({
      val: e.target.value
    })
  }

  render () {
    return (
      <div>
        <input type="text" value={ this.state.val } onChange={ this.inputChange } />
      </div>
    )
  }
}
